@import "normalize";
@import "base";
@import "variable";

// 字体大小设置
.font_dpr(@font-size: 16px) {
  font-size: @font-size;

  [data-dpr= "2"] & {
    font-size: @font-size * 2;
  }
  [data-dpr= "3"] & {
    font-size: @font-size * 3;
  }
}

.header {
  .back img {
    margin-top: 30rem/@base;
  }
  .title {
    overflow: hidden;
    height: 96rem/@base;
    line-height: 96rem/@base;
    color: #fff;
    .font_dpr(16px);
    text-align: center;
  }
}
.main {
  .links {
    padding: 40rem/@base;
    li {
      float: left;
      margin: 10rem/@base;
      a {
        display: block;
        padding: 10rem/@base 20rem/@base;
        border: 2rem/@base solid #ccc;
        .font_dpr(14px);
        background-color: #f4f4f4;
      }
      img {
        display: inline-block;
        vertical-align: middle;
        width: 40rem/@base;
        height: 40rem/@base;
        margin-right: 20rem/@base;
      }
    }
  }
}